<template>
    <div>
        <!--  -->
        <h3>示例</h3>
        <div>
            <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>
            <el-dialog
                title="提示"
                :visible.sync="dialogVisible"
                width="30%"
                v-dialogDrag
                :before-close="handleClose">
                <span>这是一段信息</span>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="dialogVisible = false">取 消</el-button>
                    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
                </span>
            </el-dialog>
            <el-dialog
                title="提示"
                :visible.sync="dialogVisible1"
                width="30%"
                v-dialogDrag>
                <span>确认关闭？</span>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="primaryFuc">取 消</el-button>
                    <el-button type="primary" @click="primaryFuc">确 定</el-button>
                </span>
            </el-dialog>
        </div>
        <!-- md -->
        <div class="markdown-body">
            <dragTemplateMD></dragTemplateMD>
        </div>
    </div>
    
</template>
<script>
    import dragTemplateMD from "../md/dragTemplateMD.md"
export default {
    components:{
        dragTemplateMD
    },
    data() {
        return {
            dialogVisible: false,
            dialogVisible1:false
        };
    },
    methods: {
        primaryFuc(){
            this.dialogVisible1 = false;
            this.dialogVisible = false;
        },
        handleClose(done) {
            this.dialogVisible1 = true;
        }
    }
}
</script>